<div class="details-page" ng-controller="detailsCtrl">
    <header>
        <i class="scan" id="back"></i>
        <form>
            <input type="text" name="search-content" placeholder="海大珍珠" id="search" ng-focus="toSearch()">
            <button></button>
        </form>
        <i class="message"></i>
    </header>
    <div class="main">
        <div class="deta" id="dataPro">
            <div class="deta-img-bc">
                <img src="{{ proData.img_src }}" alt="tu">
            </div>
            <div class="de_top">
                <h2>{{ proData.title }}{{ proData.subtitle }}</h2>
                <h3>￥<span>{{ proData.price }}.00</span></h3>
                <h4><i>快递: <span>0.00</span></i> <i>月销<span>{{proData.sales}}</span>笔</i> <b>广州天河</b></h4>
            </div>
        </div>
        <div class="deta_top">
            <div class="de_mai">
                <div class="integral">
                    <i>积分</i>
                    <b>购买可得50积分</b>
                    <a href="javascript:;"><img src="src/img/jian_03.png" alt="jian"> </a>
                </div>
                <div class="quit">
                    <i><img src="src/img/que_03.png" alt="que"> <span>过敏包退</span> </i>
                    <i><img src="src/img/que_03.png" alt="que"> <span>急速退货</span> </i>
                </div>
                <h1>全程保障，购物无忧</h1>
            </div>
            <div class="de_bot">
                <div class="gml">
                    <i>已选: 50g/ml</i>
                    <a href="javascript:;"><img src="src/img/jian_03.png" alt="jian"> </a>
                </div>
                <div class="ml">
                    <i>产品参数</i>
                    <a href="javascript:;"><img src="src/img/jian_03.png" alt="jian"> </a>
                </div>
            </div>
            <div class="deta_mai">
                <h1>美白肌肤三步骤</h1>
                <h2><i>清洗肌肤</i> <i>滋养肌肤</i> <i>一拍美白</i></h2>
                <div class="fur">
                    <h3><i>净</i><b>洗得干净皮肤不紧绷</b></h3>
                    <img src="src/img/tu1_07.png" alt="tu1">
                </div>
                <div class="fur">
                    <h3><i>养</i><b>滋润舒缓 补充多重营养</b></h3>
                    <img src="src/img/tu2_07.png" alt="tu2">
                </div>
                <div class="fur">
                    <h3><i>白</i><b>一拍自然白 遮盖小瑕疵</b></h3>
                    <img src="src/img/tu3_07.png" alt="tu3">
                </div>
            </div>
        </div>
        <div class="deta_mai">
            <h1>美白肌肤三步骤</h1>
            <h2><i>清洗肌肤</i> <i>滋养肌肤</i> <i>一拍美白</i></h2>
            <div class="fur">
                <h3><i>净</i><b>洗得干净皮肤不紧绷</b></h3>
                <img src="src/img/tu1_07.png" alt="tu1">
            </div>
            <div class="fur">
                <h3><i>养</i><b>滋润舒缓 补充多重营养</b></h3>
                <img src="src/img/tu2_07.png" alt="tu2">
            </div>
            <div class="fur">
                <h3><i>白</i><b>一拍自然白 遮盖小瑕疵</b></h3>
                <img src="src/img/tu3_07.png" alt="tu3">
            </div>
        </div>
    </div>
    <footer>
        <div class="opt1">
            <i></i>
            <b>店铺</b>
        </div>
        <div class="opt2">
            <i></i>
            <b>店铺</b>
        </div>
        <div class="opt3">
            <i></i>
            <b>店铺</b>
        </div>
        <div class="opt4">
            <span id="add" ng-click="addShopCart()">加入购物车</span>
            <span class="too" id="goBuy" ng-click="goConfirmOrder()">立即购买</span>
        </div>
    </footer>
</div>